<!-- 产品列表 -->
<!-- css -->
	<link rel="stylesheet" href="css/goods-1cplb.css">
<!-- 结束 -->

<!-- 搜索 -->
	<div class="row head-operate">
	    <form class="col-xs-12" id="goods-1cplb-formsearch" action="">
	        <div class="input-group search">
	            <input type="text" name="search" class="form-control">
	            <div class="input-group-btn">
	               <select name="fenlei" class="btn">
	                	<option value="0">全部分类</option>
	                	<option value="1">分类1</option>
	                	<option value="2">分类2</option>
	                	<option value="3">分类3</option>
	                	<option value="4">分类4</option>
	               </select>
	               <button type="button" class="btn btn-default" tabindex="-1">搜索</button>
	               <button type="button" class="btn btn-default" data-toggle="modal" data-target=".goods-1cplb-tjsp">添加商品</button>
	               <button type="button" class="btn btn-default break" tabindex="-1">刷新列表</button>
	            </div>
	        </div>
	    </form>
	</div>
<!-- 结束 -->

<!-- 表格 -->
	<div class="content main-content">
	    <!-- HTML 代码 -->
	    <table class="table table-bordered table-hover">
	        <thead>
	            <tr>
	                <th>名称</th>
	                <th>序列号</th>
	                <th>缩略图</th>
	                <th>类别</th>
	                <th style="width: 151px;">操作</th>
	            </tr>
	        </thead>
	        <tbody>
	            <tr>
	                <td class="sp-name">战地吉普</td>
	                <td>1245689895</td>
	                <td><img src="" alt=""></td>
	                <td>1</td>
	                <td>
	                    <button class="btn btn-sm btn-info sp-info" data-toggle="modal" data-target=".goods-1cplb-spxq">详情</button>
	                    <button class="btn btn-sm btn-success sp-xiugai">修改</button>
	                    <button class="btn btn-sm btn-danger sp-delete">删除</button>
	                </td>
	            </tr>
	        </tbody>
	    </table>
	</div>
<!-- 结束 -->

<!-- 翻页 -->
	<div class="row text-center">
	    <ul class="pager">
	        <li class="previous"><a href="###">«</a></li>
	        <li class="li active"><a href="###">1</a></li>
	        <li class="li"><a href="###">2</a></li>
	        <li class="li"><a href="###">3</a></li>
	        <li class="li"><a href="###">4</a></li>
	        <li class="li"><a href="###">5</a></li>
	        <li class="next"><a href="###">»</a></li>
	    </ul>
	</div>
<!-- 结束 -->

<!-- 添加商品 -->
	<div class="modal fade goods-1cplb-tjsp">
	    <div class="modal-dialog">
	        <div class="modal-content">
	            <div class="modal-header">
	                <button type="button" class="close" data-dismiss="modal">
	                    <span aria-hidden="true">×</span>
	                    <span class="sr-only">关闭</span>
	                </button>
	                <h4 class="modal-title">添加商品</h4>
	            </div>
	            <div class="modal-body">
		            <form action="" id="goods-1cplb-tjsp-form" >
						<p>
						  <div class="input-group">
						      <span class="input-group-addon">序列号</span>
						      <input type="text" name="sp_number" class="form-control">
						      <span class="input-group-addon">商品名称</span>
						      <input type="text" name="sp_name" class="form-control ">
						  </div>
						</p>
						<p>
						  <div class="input-group">
						      <span class="input-group-addon">类别</span>
						      <div class="input-group">
						          <select class="form-control" name="sp_leibie">
						              <option value="1">类别一</option>
						              <option value="2">类别二</option>
						          </select>
						      </div>
						  </div>
						</p>
						<p>
						  <div class="input-group">
						      <span class="input-group-addon">单位</span>
						      <div class="input-group">
						          <select class="form-control" name="sp_danwei">
						              <option value="1">A</option>
						              <option value="2">B</option>
						          </select>
						      </div>
						  </div>
						</p>
						<p>
							<div>添加图片</div>
							<div class="nt-imgfiles spval-img">
								<div class="btn">
									<i class="icon icon-upload"></i>
									<span>多图上传</span>
									<input type="file" multiple="" name="sp_img">
								</div>
								<div class="nt-imgsyulan clearfix"></div>
							</div>
						</p>
						<div>
							商品描述
							<p>
								<textarea class="form-control" name="content" ></textarea>
							</p>
						</div>
					</form>
	            </div>
	            <div class="modal-footer">
	                <button type="button" class="btn btn-primary xiayibu">下一步</button>
	            </div>
	        </div>
	    </div>
	</div>
<!-- 结束 -->

<!-- 添加规格模态框 -->
	<div class="modal fade goods-1cplb-tjgg">
	    <div class="modal-dialog modal-lg">
	        <div class="modal-content">
	            <div class="modal-header">
	                <button type="button" class="close" data-dismiss="modal">
	                    <span aria-hidden="true">×</span>
	                    <span class="sr-only">关闭</span>
	                </button>
	                <h4 class="modal-title">添加规格</h4>
	            </div>
	            <form class="modal-body" id="goods-1cplb-tjgg-form">
	                <div class="xiugai">
	                    <p>
	                        <div class="input-group">
	                            <span class="input-group-addon">规格名称</span>
	                            <input type="text" class="form-control spval-ggname">
	                            <span class="input-group-addon">库存</span>
	                            <input type="text" class="form-control spval-kucun">
	                            <span class="input-group-addon">尺码</span>
	                            <input type="text" class="form-control spval-size">
	                            <span class="input-group-addon">颜色</span>
	                            <input type="text" class="form-control spval-color">
	                            <span class="input-group-addon">是否允许退货</span>
	                            <div class="input-group">
	                                <select class="form-control spval-thhuo" style="min-width:56px;">
	                                    <option value="eat">是</option>
	                                    <option value="sleep">否</option>
	                                </select>
	                            </div>
	                        </div>
	                    </p>
	                    <p>
	                        <div class="input-group">
	                            <span class="input-group-addon">序列号</span>
	                            <input type="text" class="form-control spval-number">
	                            <span class="input-group-addon">重量</span>
	                            <input type="text" class="form-control spval-weight">
	                            <span class="input-group-addon">成本价</span>
	                            <input type="text" class="form-control spval-cost">
	                            <span class="input-group-addon">状态</span>
	                            <div class="input-group">
	                                <select class="form-control sh-or-xj spval-status" style="min-width:66px;">
	                                    <option value="1">上架</option>
	                                    <option value="2">下架</option>
	                                </select>
	                            </div>
	                            <span class="input-group-addon shangjiatime">上架时间</span>
	                            <input type="text" class="form-control form-datetime spval-statustime" style="min-width:137px;" readonly>
	                        </div>
	                    </p>
	                    <p>
	                        <div class="input-group txm" style="max-width: 300px;">
	                            <span class="input-group-addon">条形码</span>
	                            <input type="text" class="form-control spval-barcode">
	                            <span class="input-group-addon nt-file">
								  		<i class="icon icon-plus"></i>
								  		<input type="file">
								  	</span>
	                        </div>
	                    </p>
	                    <p>
	                        <div>上传图片</div>
	                        <div class="nt-imgfile spval-img">
	                            <span class="nt-file">
								  		<i class="ion-android-add"></i>
								  		<input type="file">
								  	</span>
	                        </div>
	                    </p>
	                    <p>
	                        <table class="table table-khz">
	                            <thead>
	                                <tr>
	                                    <th>客户组名称</th>
	                                    <th>市场价</th>
	                                    <th>打折价</th>
	                                    <th>打折时间</th>
	                                    <th>最少购买件数</th>
	                                </tr>
	                            </thead>
	                            <tbody>
	                                <tr>
	                                    <td>
	                                        <input class="form-control" type="text" value="客户组A">
	                                    </td>
	                                    <td>
	                                        <input class="form-control" type="text">
	                                    </td>
	                                    <td>
	                                        <input class="form-control" type="text">
	                                    </td>
	                                    <td>
	                                        <div class="input-group">
	                                            <span class="input-group-addon">
														<span class="icon-calendar"></span>
	                                            </span>
	                                            <input class="form-control form-datetime" type="text" readonly="">
	                                        </div>
	                                    </td>
	                                    <td>
	                                        <input class="form-control" type="text">
	                                    </td>
	                                </tr>
	                                <tr>
	                                    <td>
	                                        <input class="form-control" type="text" value="客户组B">
	                                    </td>
	                                    <td>
	                                        <input class="form-control" type="text">
	                                    </td>
	                                    <td>
	                                        <input class="form-control" type="text">
	                                    </td>
	                                    <td>
	                                        <div class="input-group">
	                                            <span class="input-group-addon">
														<span class="icon-calendar"></span>
	                                            </span>
	                                            <input class="form-control form-datetime" type="text" readonly="">
	                                        </div>
	                                    </td>
	                                    <td>
	                                        <input class="form-control" type="text">
	                                    </td>
	                                </tr>
	                                <tr>
	                                    <td>
	                                        <input class="form-control" type="text" value="客户组C">
	                                    </td>
	                                    <td>
	                                        <input class="form-control" type="text">
	                                    </td>
	                                    <td>
	                                        <input class="form-control" type="text">
	                                    </td>
	                                    <td>
	                                        <div class="input-group">
	                                            <span class="input-group-addon">
														<span class="icon-calendar"></span>
	                                            </span>
	                                            <input class="form-control form-datetime" type="text" readonly="">
	                                        </div>
	                                    </td>
	                                    <td>
	                                        <input class="form-control" type="text">
	                                    </td>
	                                </tr>
	                            </tbody>
	                        </table>
	                    </p>
	                    <p class="text-center">
	                        <button class="btn btn-primary ok" type="button">确定</button>
	                    </p>
	                </div>
	                <p class="data-content">
	                    <table class="table table-yulan table-bordered">
	                        <thead>
	                            <tr>
	                                <th>规格名称</th>
	                                <th>库存</th>
	                                <th>尺码</th>
	                                <th>颜色</th>
	                                <th>是否允许退货</th>
	                                <th>序列号</th>
	                                <th>重量</th>
	                                <th>成本价</th>
	                                <th>状态</th>
	                                <th>条形码</th>
	                                <th>图片</th>
	                            </tr>
	                        </thead>
	                        <tbody>
	                            <tr height="50px">
	                                <td></td>
	                                <td></td>
	                                <td></td>
	                                <td></td>
	                                <td></td>
	                                <td></td>
	                                <td></td>
	                                <td></td>
	                                <td></td>
	                                <td></td>
	                                <td></td>
	                            </tr>
	                            <tr height="120px">
	                                <td colspan="11"></td>
	                            </tr>
	                        </tbody>
	                    </table>
	                    <div class="text-center">
	                        <div class="btn btn-success">修改</div>
	                        <div class="btn btn-danger">删除</div>
	                    </div>
	                </p>
	            </form>
	        </div>
	    </div>
	</div>
<!-- 结束 -->

<!-- 商品详情模态框 -->
	<div class="modal fade goods-1cplb-spxq">
	    <div class="modal-dialog">
	        <div class="modal-content">
	        	<!--  -->
	            <div class="modal-header">
	                <button type="button" class="close" data-dismiss="modal">
	                    <span aria-hidden="true">×</span>
	                    <span class="sr-only">关闭</span>
	                </button>
	                <h4 class="modal-title">商品详情</h4>
	            </div>
	            <div class="modal-body">
	            	<table class="table table-bordered">
	            		<tbody>
	            			<tr>
	            				<td>名称</td>
	            				<td>战地吉普</td>
	            			</tr>
	            		</tbody>
	            	</table>
	            </div>
	            <!--  -->
	        </div>
	    </div>
	</div>
<!-- 结束 -->